<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>样式绑定</title>
  <script type="text/javascript" src="vue.js"></script>

</head>
<body>

<div id="app">
  <div :style="[styleObj,{fontSize:'40px'}]"  @click="handleDivClick">
    hello vue
  </div>
</div>

<script>
  var  vm =  new Vue({
    el:'#app',
    data:{
      styleObj:{
        color:"blue"
      }
    },
    methods:{
      handleDivClick:function () {
         this.styleObj.color =  this.styleObj.color ==="blue"? "red":"blue"
      }
    }
  })
</script>
</body>
</html>